<html>
    <head>
        <meta charset="utf-8">
        <meta name="author" content="范珍">
        <title>art-template练习</title>
        <link rel="stylesheet" href="index.css">
    </head>
    <body>
        <main></main>
        <script id="pic" type="text/html">
            <section class="picture">
                <img src="{{datas[1].home2.square_image}}">
                <img src="{{datas[1].home2.rectangle1_image}}" >
                <img src="{{datas[1].home2.rectangle2_image}}">
                <div style="clear:both"></div>
                {{each datas[2].home3.item item }}
                    <img src="{{item.image}}" >
                {{/each}}
                <div class="container">
                    <img src="{{datas[3].home4.rectangle1_image}}">
                    <img src="{{datas[3].home4.rectangle2_image}}">
                </div>
                <img src="{{datas[3].home4.square_image}}">
                <div style="clear:both"></div>
            </section>
        </script>
        <script id="dis" type="text/html">
            {{each datas[4].goods1.item item}}
                <div class="discount">
                    <img src="{{item.goods_image}}">
                    <h5>{{item.goods_name}}</h5>
                    <p>
                        <span>{{item.goods_price | addPrefix}}</span>
                        &#x3000;
                        <del>{{item.goods_promotion_price | addPrefix}}</del>
                    </p>
                    <div>打折</div>
                </div>
            {{/each}} 
            <div style="clear:both"></div>
        </script>
        <script id="floor" type="text/html">
            <h3 class="floor">{{goods.title}}</h3>
            {{each goods.item item}}
                <div class="discount">
                    <img src="{{item.goods_image}}">
                    <h5 class="trim">{{item.goods_name}}</h5>
                    <p>
                        <span>{{item.goods_price | addPrefix}}</span>
                    </p>
                </div>
            {{/each}}
            <div style="clear:both"></div>
        </script>
        <script id="brand" type="text/html">
            {{include 'pic'}}
            {{include 'dis'}}
            {{each datas da i}}
                {{if i>=6}}
                    {{include 'floor' datas[i]}}
                {{/if}}
            {{/each}}
        </script>
        <script src="template-web.js"></script>
        <script src="index.js"></script>
    </body>
</html>